<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>引入不同样式</title>
    <!-- 默认 -->
    <link rel="stylesheet" href="./css/a.css">
    <!-- w:768~992之间 -->
    <link rel="stylesheet" href="./css/b.css" media="screen and (min-width:768px) and (max-width:992px)">
    <link rel="stylesheet" href="./css/c.css" media="screen and (min-width:992px) and (max-width:1200px)">
</head>
<body>
    <!-- 
        1. 布局常见方式 
        2. 响应式布局开发
        3. 移动web开发，和像是开发的区别
        4. 媒体查询语法  三个临界点 768 992 1200

     -->
</body>
</html>